<template>
  <div id="pieChart" :style="{ width: width, height: height }"></div>
</template>

<script>
import importConfig from './pieChart.ts';

export default {
  name: 'PieChart',
  props: {
    width: {
      type: String,
      default: '100%',
    },
    height: {
      type: String,
      default: '300px',
    },
    chartData: {
      type: Object,
      required: true,
    },
  },
  setup(props) {
    importConfig(props);
  },
};
</script>

<style scoped>
#pieChart {
  margin-top: 15px;
  background-color: white;
}
</style>
